<%@page import="com.sun.mail.iap.Response"%>
<%@page import="com.ejuornal.bean.UserExt"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %>



<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head><base href="<%=basePath%>">
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<title>个人空间</title>

<link href="css/space.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="js/space.js"></script>
</head>

<body onload="userhobby()">
<div class="all" >
	<div class="bodyge">
		<form id="personDataForm" action="user/userCompleteExtMsg?userExtIdString=${userExt.userExtId }" method="post"  enctype="multipart/form-data">
			<input type="hidden" id="cateogry_Ids" value="${userExt.hobby }"/>
			<div class="bodyge-left">
				<div class="bodyge-left-a1"><span class="font-b">个人资料</span></div>
				<div class="body-left-geren2">
					<div class="bodyge-left-gexiao">基本资料</div>
						<div class="bodyge-left-gejie">
							<span class="bodyge-gexiaoming">昵称：${user.userName }</span>
						</div>
						<div class="bodyge-left-gejie">
							<span class="bodyge-gexiaoming">邮箱：${user.email }</span>
						</div>
						<div class="bodyge-left-gexiao">联系方式</div>
						<div class="bodyge-left-gejie">
							<span class="bodyge-gexiaoming">真实姓名:</span>
							<input id="zname" type="text" name="userExt.realName" class="input-a" value="${userExt.realName }" />
							<span id="penNameMsg" class="personDataWarning">&nbsp;&nbsp;*&nbsp;</span>
						</div>
						<div class="bodyge-left-gejie" >
							<span class="bodyge-gexiaoming">性&nbsp;&nbsp;&nbsp;&nbsp;别:</span>	
							<input id="sex" type="hidden" value="${ userExt.sex }" />
							<input id="sex_nan" type="radio" name="userExt.sex" value="1" />男
							<input id="sex_nv" type="radio" name="userExt.sex" value="2" />女
						</div>
						<div class="bodyge-left-gejie">
							<span class="bodyge-gexiaoming">笔&nbsp;&nbsp;&nbsp;&nbsp;名:</span>
							<input id="penName" type="text" onblur="penNameVali()" name="userExt.penName" class="input-a" value="${userExt.penName }" />
						</div>
						<div class="bodyge-left-gejie">
							<span class="bodyge-gexiaoming">电&nbsp;&nbsp;&nbsp;&nbsp;话:</span>
							<input id="tel" type="text" onblur="telVali()" name="userExt.tel" class="input-a" value="${userExt.tel }" />
							<span id="telMsg" class="personDataWarning">&nbsp;&nbsp;*&nbsp;</span>
						</div>
						<br />
						<div class="bodyge-left-gexiao">学识背景</div>
						<div class="bodyge-left-gejie">
							<span class="bodyge-gexiaoming">学&nbsp;&nbsp;&nbsp;&nbsp;历:</span>
							<input type="hidden" id="degree" value="${ userExt.degree }" />
							<select name="userExt.degree" size="1" class="input-b">
								<option id="degree0" value="">&nbsp;请选择学历&nbsp;---</option>
								<option id="degree1" value="博士">&nbsp;博士</option>
								<option id="degree2" value="研究生">&nbsp;研究生</option>
								<option id="degree3" value="本科">&nbsp;本科</option>
								<option id="degree4" value="专科">&nbsp;专科</option>
								<option id="degree5" value="其他">&nbsp;其他</option>
							</select>
						</div>

						<div class="bodyge-left-gejie">
							<span class="bodyge-gexiaoming">职&nbsp;&nbsp;&nbsp;&nbsp;称:</span>
							<input type="text" name="userExt.position" class="input-a"  value="${userExt.position }" />
						</div>
						<div class="bodyge-left-gejie">
							<span class="bodyge-gexiaoming">工作单位:</span>
							<input type="text" class="input-a" name="userExt.company"  value="${userExt.company }" />
						</div>
						<br />
						<div class="bodyge-left-gexiao"><span class="bodyge-gexiaotit">会员信息</span></div>
						 
						<div class="bodyge-left-gejie">
							<span class="bodyge-gexiaoming">会员头像：</span>
							<div class="bodyge-left-input3">
								<input type="file" name="upload" size="25" />
							   	<input type="hidden" name="userExt.headPic" value="${userExt.headPic}"/>
							   	<span>* 建议文件大小小于2M，格式为jpg或png</span>
							</div>
							<div class="bodyge-tuxiang">
								<c:if test="${ empty userExt.headPic }"><img src="images/noavatar_middle.gif" width="105px" height="130px"/></c:if>
								<c:if test="${ !empty userExt.headPic }"><img src="${userExt.headPic }" width="105px" height="130px"/></c:if>
							</div>
						</div>
						 <div class="bodyge-left-gejie">
							<div class="bodyge-gexiaoming" >用户偏爱:</div>
							<div id="categoryBB" class="categoryBB"></div>
						</div> 
						
						<div class="bodyge-left-button3">
							<input id="personDateSubmit" type="button" onclick="personDataSubForm()" class="inputStyle" value="保存信息" />
						</div>
						<div class="bodyge-left-button2"><input type="reset" class="inputStyle" value="取消" /></div>
						<br />
					</div>
				</div>
			</form>
		</div>
	</div>
</body>
</html>